import {
	observer
} from 'mobx-react';
import {
	Steps,
} from 'antd';
const Step = Steps.Step;

@observer
export default class TaxStep extends React.Component {
	constructor(props) {
		super(props);
	}

	render() {
		const {
			store
		} = this.props, {
			step
		} = store, {
			currentIndex,
			items
		} = step;

		return (
			<div className='step' style={{padding:(items.length<3)&& '30px 40%'}}>
				<Steps ecId={`${this && this.props && this.props.ecId || ''}_Steps@pu9h10`} current={currentIndex}>
					{
						items.map( (item,index) => {
							const {
								title,
								status
							} = item;

							return (
								<Step ecId={`${this && this.props && this.props.ecId || ''}_Step@jgs151@${index}`} status={status} description={(currentIndex === index) ? <b>{title}</b> : title}/>
							)
						})
					}
		  		</Steps>
	  		</div>
		)
	}
}